<html>
	<head>
		<wicket:head>
			<style>
				.bch-usr-outer{
					border:1px solid #AAAAAA;
					margin:10px auto 30px;
					width:750px;
				}
				
				.bch-searchbar{
					background-color:#DDDDDD;
					padding:2px 10px;
				}
				
				.bch-pplCont{
					margin:auto;
				}
				
			</style>
		</wicket:head>
	</head>
	
	<body>
		<wicket:extend>
			<div class="clearfix" style="padding:5px 0px 2px; border-bottom:1px solid #DEDDEF; color:#666666;">
            	<div style="float:left;padding:5px;"><h3>Batch Details</h3></div>
            </div>
            
			<div class="es-updatesContents">
				<div class="clearfix">
					<div style="float:left; margin:10px; padding-bottom:10px;">
	                	<table class="stripes" style="border:1px solid #DEDDEF; width:400px;margin-left:auto;margin-right:auto;">
							<tr>
								<td style="text-align:right;" width="33%">Academic program</td>
								<td width="67%" style="text-align:left;">
									<a href="#"  wicket:id="currUrl"><span  wicket:id="currName">B. Tech in Electrical Engineering</span></a>
								</td>
							</tr>
							<tr>
								<td style="text-align:right;" width="33%">Department</td>
								<td width="67%" style="text-align:left;">									
									<span wicket:id="batchDept">
										Department of Electrical Engineering
									</span>
								</td>
							</tr>
							<tr>
								<td style="text-align:right;" width="33%">Starting semester</td>
								<td width="67%" style="text-align:left;" wicket:id="start">
									This is a very useful course for all people who do it.
								</td>
							</tr>
							<tr>
								<td style="text-align:right;" width="33%">Students</td>
								<td width="67%" style="text-align:left;" wicket:id="studentNum">
								</td>
							</tr>
						</table>
	                </div>
	                <div style="float:right;">
	                	<a href="#" style="text-decoration: underline; font-size: 13px" wicket:id="invite">+ Add More Students</a>
	                </div>
	            </div>
					
				
				<div style="clear:both;"></div>
				
				
				<div class="bch-usr-outer">
					<div class="bch-searchbar clearfix">
						<div style="float:left;">
							<h4>Students</h4>
						</div>
						<div style="float:right;">
							<form wicket:id="searchForm">
								<input wicket:id="searchString" style="width:200px;" type="text"/>
								<button type="submit" class="es-button ui-state-default ui-corner-right" style="margin-top:-3px;">
									Search
								</button>
							</form>
						</div>
					</div>
					<div class="clear:both"></div>
					<div class="es-pplContainer bch-pplCont">
						<div wicket:id="thumbList"></div>
					</div>	
					<div class="clear:both"></div>
				</div>

				
				
				<div style="width:400px;margin-left:auto;margin-right:auto;">
					<a style="font-size:13px;text-decoration: underline;" href="#" wicket:id="finishedReview">Finish Reviewing, back to batches listing</a>
				</div>
				
				<div style="clear:both;"></div>
			</div>
		</wicket:extend>
	</body>
</html>
